<template>
	<div class="local">
		<myheader></myheader>
		
		<van-tabs v-model="active" >
  <van-tab title="推荐" >
	  <div class="local-box">
   
		    <div class="local-box-text">
				<p>
                怎么购买本地房产？
               </p>
			   <p class="p1">
				   年轻人应该加入买房行列，「我的看法是，你越早买下人生第一栋房子越好。」
			   </p >
			   <p class="p1">2019.1.4</p>
			</div>
			<div class="local-box-img">
				<img src="../../../static/yc/5.jpeg"/>
			</div>
	
  </div>
  
   <div class="local-box">
   
  		    <div class="local-box-text">
  				<p>
                怎么购买本地房产？
               </p>
  			   <p class="p1">
  				   年轻人应该加入买房行列，「我的看法是，你越早买下人生第一栋房子越好。」
  			   </p >
  			   <p class="p1">2019.1.4</p>
  			</div>
  			<div class="local-box-img">
  				<img src="../../../static/yc/5.jpeg"/>
  			</div>
  	
  </div>
   <div class="local-box">
   
  		    <div class="local-box-text">
  				<p>
                怎么购买本地房产？
               </p>
  			   <p class="p1">
  				   年轻人应该加入买房行列，「我的看法是，你越早买下人生第一栋房子越好。」
  			   </p >
  			   <p class="p1">2019.1.4</p>
  			</div>
  			<div class="local-box-img">
  				<img src="../../../static/yc/5.jpeg"/>
  			</div>
  	
  </div>
   <div class="local-box">
   
  		    <div class="local-box-text">
  				<p>
                怎么购买本地房产？
               </p>
  			   <p class="p1">
  				   年轻人应该加入买房行列，「我的看法是，你越早买下人生第一栋房子越好。」
  			   </p >
  			   <p class="p1">2019.1.4</p>
  			</div>
  			<div class="local-box-img">
  				<img src="../../../static/yc/5.jpeg"/>
  			</div>
  	
  </div>
   <div class="local-box">
   
  		    <div class="local-box-text">
  				<p>
                怎么购买本地房产？
               </p>
  			   <p class="p1">
  				   年轻人应该加入买房行列，「我的看法是，你越早买下人生第一栋房子越好。」
  			   </p >
  			   <p class="p1">2019.1.4</p>
  			</div>
  			<div class="local-box-img">
  				<img src="../../../static/yc/5.jpeg"/>
  			</div>
  	
  </div>
   <div class="local-box">
   
  		    <div class="local-box-text">
  				<p>
                怎么购买本地房产？
               </p>
  			   <p class="p1">
  				   年轻人应该加入买房行列，「我的看法是，你越早买下人生第一栋房子越好。」
  			   </p >
  			   <p class="p1">2019.1.4</p>
  			</div>
  			<div class="local-box-img">
  				<img src="../../../static/yc/5.jpeg"/>
  			</div>
  	
  </div>
  </van-tab>
  <van-tab title="热门房型">
	  <div class="local-box">
	   
	  		    <div class="local-box-text">
	  				<p>
	                怎么购买本地房产？
	               </p>
	  			   <p class="p1">
	  				   年轻人应该加入买房行列，「我的看法是，你越早买下人生第一栋房子越好。」
	  			   </p >
	  			   <p class="p1">2019.1.4</p>
	  			</div>
	  			<div class="local-box-img">
	  				<img src="../../../static/yc/5.jpeg"/>
	  			</div>
	  	
	  </div>
  </van-tab>
  <van-tab title="热门地区">
	  <div class="local-box">
	   
	  		    <div class="local-box-text">
	  				<p>
	                怎么购买本地房产？
	               </p>
	  			   <p class="p1">
	  				   年轻人应该加入买房行列，「我的看法是，你越早买下人生第一栋房子越好。」
	  			   </p >
	  			   <p class="p1">2019.1.4</p>
	  			</div>
	  			<div class="local-box-img">
	  				<img src="../../../static/yc/5.jpeg"/>
	  			</div>
	  
	  </div>
  </van-tab>
</van-tabs>
	</div>
</template>

<script>
import myheader from '@/components/public/myheader';

import { Tab, Tabs } from 'vant';
export default {
	name: 'local',
	data() {
		return {
			
			 active: 0,
			 sticky:true,
			 isFixed:true
		};
	},
	mounted:function() {
		//判读是否登陆了
		if(localStorage.getItem("nameid")==null||localStorage.getItem("nameid")==undefined||localStorage.getItem("nameid")==""){
			this.$router.push({
				name:'login'
			});
		}
		else{
			
		}
	},
	components: {
		myheader,
		
	},methods:{
		
	}
};
</script>

<style scoped="scoped">
	.local-box{
		width: 7rem;
		height: 2.5rem;
		margin: auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 0.1rem;
		border-bottom: 1px solid gainsboro;
	}
	.local-box-text{
		width: 4.35rem;
		height: 2rem;
	}
	.local-box-img{
		width: 2.5rem;
		height: 2rem;
	}
	.local-box-img>img{
		width: 2.5rem;
		height: 2rem;
	}
	.p1{
		font-size: 0.2rem;
		color: gray;
	}
</style>
